﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
<head>
    <title></title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/bootstrap-theme.css" rel="stylesheet" />
    <link href="CSS/style.css" rel="stylesheet" />
</head>
<body>
    <div ng-controller="imageCtrl">
        <h1>
            {{title}}
        </h1>
        <button ng-click="increaseNumber()">Increase number</button>
        <div>{{number}}</div>
        <form enctype="multipart/form-data">
            <label>
                Upload Image
            </label>
            <input name="file" type="file" id="input" />
            <br />
            <input type="button" id="Upload" value="Upload" ng-click="uploadImages()" />
            <br />
        </form>
        <br />
        <div id="result"></div>
        <br />

        <ul id="images" class="list-unstyled list-inline">
            <li ng-repeat="image in imageList">
                <img alt="Embedded Image" width="100" height="80" ng-src="data:image/png;base64,{{image.ImageBytes}}" />
            </li>
        </ul>
        <ul id="imagesAppend"></ul>
    </div>

    <script src="Scripts/jquery-2.0.3.min.js"></script>
    <script src="Scripts/angular.js"></script>
    <script src="Scripts/jquery.signalR-2.0.1.js"></script>
    <script src="Scripts/underscore.js"></script>
    <script src="http://localhost:2664/signalR/hubs"></script>
    <script src="js/config.js"></script>
    <script src="js/safeApply-service.js"></script>
    <script src="js/signalRConnection.js"></script>
    <script src="js/imageSvc.js"></script>
    <script src="js/imageCtrl.js"></script>

    <script src="Custom/script.js"></script>
</body>
</html>
